<template>
	<view class="safe-area-inset-bottom home">
		<view class="gray">
			
		</view>
		
		<view class="bottom_btn">
			<u-button type="error" :custom-style="customStyle" @click="abv">制作ppt</u-button>
			<u-button type="error" :custom-style="customStyle" @click="customCard">制作模卡</u-button>
		</view>
	</view>
</template>

<script>
export default {
  data() {
    return {
      customStyle :{
        backgroundColor: '#F56B79',
        color: '#FFFFFF',
        fontSize: '40rpx',
        width: '320rpx',
        height: '88rpx'
      },
    }
  },
	methods: {
		abv() {
			uni.navigateTo({
				url: '../drawCard/index'
			})
		},
		customCard() {
			uni.navigateTo({
				url: '../moka/index'
			})
		}
	}
}
</script>

<style lang="scss" scoped>
	.home {
		background-color: #FFFFFF;
		
		.gray {
			background-color: #E3E3E3;
			margin: 32rpx 20rpx;
			height: 240rpx;
		}
		
		.bottom_btn {
			width: calc(100vw - 80rpx);
			position: absolute;
			top: 1074rpx;
			margin: 0 40rpx;
			display: flex;
			justify-content: space-between;
		}
	}
</style>
